<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="generator" content="editplus@" />
    <meta name="author" content="作者" />
    <meta name="keywords" content="关键字" />
    <meta name="description" content="描述" />
    <title>网页名称</title>
    <link rel="shortcut icon" href="" />
    <!-- 网页图标 -->
    <link rel="stylesheet" type="text/css" href="../work reset.css" />
    <link rel="stylesheet" type="text/css" href="./work iframe.css" />
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2397581_6e4lvdxa6qt.css" />
  </head>
  <body>
    <div class="container">
      <!-- 短信注册 密码登入 -->
      <div class="login">
        <ul class="menu fl_child">
          <li class="selected lock1">短信登录/注册</li>
          <li class="lock2">密码登录</li>
        </ul>
        <form>
          <!-- 短信登录/注册 -->
          <div class="message">
            <div class="form_item">
              <p class="txt">请仔细阅读<a href=""> 豆瓣使用协议、隐私政策</a></p>
            </div>
            <div class="form_item top_a">
              <input class="more_indent" type="text" name="" placeholder="手机号" />
              <div class="count_code">
                <div class="code_txt"></div>
                <!-- 选择国际区号 -->
                <div class="choose_area hidden">
                  <div class="center">
                    <div class="title">
                      <h3>选择国际区号</h3>
                      <a href="" class="area_lock">X</a>
                    </div>
                    <ul>
                      <li class="clearFix">
                        <span class="fl">中国江西</span>
                        <span class="fr">+86</span>
                      </li>
                      <li class="clearFix">
                        <span class="fl">中国杭州</span>
                        <span class="fr">+852</span>
                      </li>
                      <li class="clearFix">
                        <span class="fl">中国广州</span>
                        <span class="fr">+853</span>
                      </li>
                      <li class="clearFix">
                        <span class="fl">中国上海</span>
                        <span class="fr">+886</span>
                      </li>
                      <li class="clearFix">
                        <span class="fl">日本</span>
                        <span class="fr">+81</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="form_item">
              <input type="text" name="" placeholder="验证码" />
              <div class="ab_right">
                <a href="">获取验证码</a>
              </div>
            </div>
            <div class="form_item btnWrap">
              <button class="btn">登录豆瓣</button>
            </div>
            <div class="form_item tipWrap clearFix">
              <a href="" class="fr tip">收不到验证码</a>
            </div>
          </div>
          <!-- 密码登录 -->
          <div class="password hidden">
            <div class="form_item clearFix">
              <p class="txt fr"><a href=""> 找回密码</a></p>
            </div>
            <div class="form_item top_a">
              <input type="text" name="" placeholder="手机号/邮箱" />
            </div>
            <div class="form_item">
              <input type="password" name="" placeholder="密码" />
            </div>
            <div class="form_item btnWrap">
              <button class="btn">登录豆瓣</button>
            </div>
            <div class="form_item tipWrap clearFix">
              <a href="" class="fr tip">海外登录</a>
            </div>
          </div>
          <div class="form_item bottom">
            <span class="dsf">第三方登录</span>
            <i class="iconfont icon-weixin"></i>
            <i class="iconfont icon-shejiaotubiao-06"></i>
          </div>
        </form>
      </div>
      <!-- 扫码登录 -->
      <div class="qrcode hidden">
        <div class="qrcode_top">
          <span>二维码登录</span>
        </div>
        <div class="qrcode_main">
          <div class="imgWrap">
            <img src="../images/qrlogin_code=douban-qrlogin_EBNtEL5Zk8xGpQ.png" />
          </div>
          <div class="txt">请打开豆瓣客户端扫一扫</div>
        </div>
      </div>
      <div class="change"></div>
      <div class="pointer hidden">短信登录/注册</div>
    </div>
    <script type="text/javascript" src="../work utils.js"></script>
    <script type="text/javascript" src="./work iframe.js"></script>
    <script type="text/javascript">
      init()
      var span = document.querySelectorAll('div.center ul li span.fr')
      var start = document.querySelector('div.top_a div.code_txt')
    </script>
  </body>
</html>
